<!DOCTYPE html>
<?php
    include("comprobar.php");
?>
<html lang="">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title></title>
    <link rel="stylesheet" href="css/style_admon.css">
    <script src="lib/jquery-1.11.2.min.js"></script>
    <style>
             
    </style>
</head>
<body>
    <div id="general">
        <?php
            include "administracion.php";
            include "admin-general.php";
        ?>

        <div id="datos">
            <h2>NUEVO PR&Eacute;STAMO</h2>
            <div id="datos_comunes">
                <p>Usuario:</p>
                <?php
                    $link = mysql_connect('localhost', 'root', '')or die('No se pudo conectar: ' . mysql_error());
                    mysql_select_db('bdproyecto') or die('No se pudo seleccionar la base de datos');
                    $query="SELECT cod_usuario, email FROM USUARIO";
                    $result = mysql_query($query) or die('Consulta fallida: ' . mysql_error());
                    echo "<select id='usuario' name='usuario'>
                        <option></option>";
                    while ($line = mysql_fetch_array($result, MYSQL_ASSOC)) {
                        echo "<option value=".$line['cod_usuario'].">".$line['email']."</option>";

                    }
                    echo "</select>";
                    mysql_free_result($result);
                    mysql_close($link);
                ?>
            </div>
            <div id="datos_usuario">
            
            </div>
            <div id="datos_comunes">
                
                <div id="articulo">
                   
                    <table>
                        <tr><td><p>Articulo:</p></td></tr>
                        <tr>
                            <td id="form-buscar">
                                <select id="campo" >
                                    <option value="cod_articulo">Codigo Producto</option>
                                    <option value="nombre">Titulo</option>
                                </select>
                                <input id="texto" type="text" name="texto" required>
                                <button id="buscar">Buscar</button>
                            </td>
                        </tr>

                    </table>
                   
                </div>
            </div>
            <div id="datos_articulo">
            
            </div>
        </div>
        <div id="boton">  
            <input  type="submit">
        </div>

    </div>    
    <script>
        $(function(){
            $("#tabdatos tr:even").css("background-color","grey");
               
            $("#usuario").change(function() {
                $.ajax({
                    url : "datos_usuario.php?cod-usu="+$(this).val(),
                    })
                    .done(function(data) {
                        $("#datos_usuario").html(data);
                    })
                    .error(function(data) {
                        alert("No se ha encontrado el usuario");
                    })
                });
            $("#buscar").click(function() {
                $.ajax({
                    url : "datos_articulo.php?campo="+$("#campo").val()+"&texto="+$("#texto").val()+"&codusu="+$("#codusu").val(),
                    })
                    .done(function(data) {
                        $("#datos_articulo").html(data);
                    })
                    .error(function(data) {
                        alert("No se ha encontrado el articulo");
                    })
                });
        });
    </script>
        
</body>

</html>